<template>
 <div class="index">
     <router-view class="twoindex"/>
    <footer></footer>
    <van-tabbar route>
        <van-tabbar-item replace to="/home" icon="home-o">首页</van-tabbar-item>
        <van-tabbar-item replace to="/cate" icon="apps-o">分类</van-tabbar-item>
        <van-tabbar-item replace to="/cart" icon="cart-o">购物车</van-tabbar-item>
        <van-tabbar-item replace to="/User" icon="user-o">个人中心</van-tabbar-item>
    </van-tabbar>
 </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {};
  },
  mounted() {},
  methods: {},
  computed: {},
  watch: {}
};
</script>

<style>
.index {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.twoindex {
  flex: 1;
}
footer {
  height: 50px;
}
</style>